<html>
    <head>
        <title> 自制第一页 </title> 
        <link rel="stylesheet" href="http://at.alicdn.com/t/font_1686838_o9ao6gt3oh.css">
        <link rel="Shortcut Icon" href="./img/favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" href="./css/style.css" type="text/css">
        <link rel="stylesheet" href="./css/font.css" type="text/css">
        <style type="text/css">
        a{text-decoration: none;}
        </style> 
    </head>
    <body>
        <div id="header">
            <ul>
                <img src="./img/logo.png" alt="107's logo" width="155.8" height="60">>
                <li>Home</li>
                <li>About</li>
                <li>Service</li>
                <li>Products</li>
                <span class="iconfont icon-down" style="font-size: 30px; margin-left: -22px; color: #1BBD9D;"></span>
                <li>Teams</li>
                <li>Join</li>
                <li>Contact</li>
                <span class="iconfont icon-down" style="font-size: 30px; margin-left: -24px; color: #1BBD9D;"></span>
            </ul>
            <a href="#">
                <button class="sign-in">登录</button>
            </a>
            <a href="#">
                <button class="sign-up">注册</button>
            </a>
        </div>
        <div id="ex-menu">
            <div id="body">
                <hr>
                <div class="box1">
                        <p class="p-1" type="text" margin-top="20px" style="text-align: center; color: #fff;">107LAB登录</p>
                        <p style="margin-top: -15px; float: right; font-size: 15px; color: #fff;">还没有注册吗?<a href="#" style="color:#1BBD9D; font-size: 14px;"}>去注册</a></p>
                        <span class="iconfont icon-yonghu" style="position: absolute; margin-top: 46px; margin-left: 7px; font-size: 19px; color:rgb(8, 129, 69)"></span>
                        <input type="text" placeholder="请输入您的邮箱地址或手机号" required><br>
                        <span class="iconfont icon-password1" style="position: absolute; margin-top: 25px; margin-left: 7px; font-size: 19px; color:rgb(8, 129, 69)"></span>
                        <input type="password" placeholder="请输入密码" required >
                        <input type="submit" value="登录">
                            <p></p>
                            <a href="./img/" style="color: #1BBD9D; text-align: left; font-size: 13px;">使用手机验证码登录</a>
                            <a href="./img/" style="color: #1BBD9D; float: right; font-size: 13px;">忘记密码</a>
                </div>

                


            <div class="box2">
                <p style="color: rgb(255, 255, 255);">——或使用第三方登录——</p>
                <ul>
                    <li>
                    <a href="./img">
                        <span class="iconfont icon-qq" style="font-size:40px; color:#64AAEF"></span>
                        <p style="margin-top: 0px; color:  #ffffff;">QQ</p>
                    </a>
                    </li>
                    <li>
                    <a href="./img">
                        <span class="iconfont icon-github" style="font-size:37px; color:#64AAEF"></span>
                        <p style="margin-top: 0px; color:  #ffffff;">GitHub</p>
                    </a>
                    </li>  
                </ul>
            </div>
            </div>



            <div id="footer">
                <br><br>
                <div class="content-1">
                    <ul>
                    <li style="display: inline-block;"><img src="./img/logo.png" width="200px"style=""></li>
                    <li style="display: inline-block;"><img src="./img/tracup.png"><img src="./img/frontjs.png"></li>
                    </ul>
                </div>
                <div class="content-2">
                    <br><br>
                    <b style="color:#ffffff">关于我们</b>
                    <hr style="color: rgb(12, 238, 12); width: 18px; margin-left: 0px;">
                    <br>
                    <p>单人单桌</p>
                    <p>配备电脑</p>
                    <p>两台大空调</p>
                    <p>冬暖夏凉</p>
                    <p>还不快来</p>
                </div>
                <div class="content-3">
                    <br><br><br>
                    <p>一起聚餐</p>
                    <p>一起唱歌</p>
                    <p>一起旅行</p>
                    <p>互帮互助</p>
                    <p>来就对了</p>
                </div>
                <div class="content-4">
                    <br>
                    <b style="color:#ffffff">服务技能</b>
                    <hr style="color: rgb(12, 238, 12); width: 18px; margin-left: 0px;">
                    <br>
                    <p>学院官网</p>
                    <p>专题网站</p>
                    <p>公司官网</p>
                    <p>信息管理系统</p>
                    <p>有偿服务</p>
                </div>
                <div class="content-5">
                    <br><br>
                    <p>主学技能</p>
                    <p>HTML</p>
                    <p>CSS</p>
                    <p>JavaScript</p>
                    <p>PHP</p>
                </div>
                <div class="content-6">
                    <br><br>
                    <b style="color:#ffffff">选择语言</b>
                    <hr style="color: rgb(12, 238, 12); width: 18px; margin-left: 0px;">
                    <br>
                    <p><img src="./img/language_chinese.png">中文</p>
                    <p><img src="./img/language_english.png">English</p>
                    <img src="./img/weixin.png" style="width: 30px;"><img src="./img/zhihu.png" style="width: 30px;">
                </div>
                <div class="content-7">
                    <img src="./img/zixun.png" style="width: 30px;">
                    <p style="color: #fff; margin:0 auto;width:20px;line-height:24px;border:0px;" >咨询 · 建议</p>
                </div>
                <div id="footest">
                    <p>此网站仅供学习使用</p>
                    <p>&copy;copyright 2020 河南大学计算机与信息工程学院107网站工作室 All Rights Reversed</p>
                </div>
            </div>
            <div class="untitled">
            </div>
        </div>
    </body>
</html>